{% load pagination_tags %}
{% include "header-deslogado.html" %}

<div class="content">
    <div  id="conteudoL">
        {% include "categoria.html" %}
    </div>

    <div  id="conteudo">
        <form id="form-list-data" name="form-list-data" method="post" action="">
            <table class="table list-compromissos" id="data-list">
                <thead>
                <tr>
                    <th></th>
                    <th title="ordenar por valor">Valor</th>
                    <th title="ordenar por categoria">Categoria</th>
                    <th>Descrição</th>

                </tr>
                </thead>
                <tbody>
                {% autopaginate listaproduto 10 %}
                {% for produto in listaproduto %}
                <tr id="1">
                    <td class="foto"><a href="{{ produto.get_absolute_url }}"><img width="100" src="{{ produto.foto.url_190x190 }}"></a></td>
                    <td class="valor"><a href="{{ produto.get_absolute_url }}">R$ {{ produto.preco }}</a></td>
                    <td class="categoria"><a href="{{ produto.get_absolute_url }}">{{ produto.nome }}</a></td>
                    <td class="descricao"><a href="{{ produto.get_absolute_url }}">{{ produto.descricao }}</a></td>
                </tr>
                {% endfor %}
                </tbody>
            </table>
        </form>
    </div>

    <div id="conteudoR">
        {% include "destaque.html" %}
    </div>
</div>
{% include "footer.html" %}